@CHARSET "ISO-8859-1";

BODY{min-width:1000px; }
*{margin: 0px; padding: 0px; font-size: 14px; font-family: 'Century Gothic'; }
a{text-decoration: none;}
a:hover{text-decoration: underline;}
form{float: left; width: 100%;}


/*Overlay*/
	div.ui-overlay{float: left; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-image: url("/certificadospp/html/images/overlay/overlay.png"); background-repeat: repeat;}
	div#centralizaoverlay{width: 400px; margin: 0px auto;}
	div#boxoverlay{float:left; width: 400px; padding: 10px; background-color: #fff; border: 1px solid #8F8F8F;border-top: 0px;-moz-border-radius-bottomleft:  5px;-moz-border-radius-bottomright:  5px;  border-bottom-left-radius:  5px; border-bottom-right-radius:  5px;}
	div#loading{ width: 172px; margin: 0px auto;}
	img#loading{float: left;}
	label#loading{float: left; width: 130px; margin: 5px; }
	div#sucesso{ width: 340px; margin: 0px auto;}
	img#sucesso{float: left;}
	label#sucesso{float: left; width: 290px; margin: 5px; }
/*Fim Overlay*/

/*
 * Header
 */
div#corpo{float:left; width: 98%; margin: 1% 1%;}
div#header{float: left; width: 98%;padding: 0 1%; height: 53px; background-image: url("/certificadospp/html/images/header/fundoheader.gif");}
h1#titulodapagina{float: left; font-size: 20px; margin-top: 13px;}
/*
 * Fim Header
 */

/*
 * Corpo
 */

div#ladoesquerdo{float: left; width: 25%;min-width: 251px;}
div#ladodireito{float: right; width: 73%;}

/*Box*/
	div.caixa{float:left; width: 100%;border: 1px solid #ccc; background-color: #d3d1d1; -webkit-border-radius:  5px;  -moz-border-radius:  5px;  border-radius:  5px; margin-bottom: 20px;}
	div.topobox{float: left;width: 96.2%; padding: 0 2%; height: 43px;padding-top: 7px; background-image: url("/certificadospp/html/images/box/fundotopo.jpg");font-size: 25px; text-align: left;color: #fff; -moz-border-radius-topleft:  5px;-moz-border-radius-topright:  5px;  border-top-left-radius:  5px; border-top-right-radius:  5px;}
	div.topobox.cinza{background-image: url("/certificadospp/html/images/box/fundotopocinza.jpg");}
	div.menubox{float: left;width: 94%; padding: 3%; height: 80px; background-color: #fff; border-bottom: 1px solid #ccc;}
	div.meiobox{float: left;width: 96%; padding: 2%;}
	div.fundobox{float: left;width: 94%; padding: 3%; height: 36px; background-color: #fff; border-top: 1px solid #ccc;}
	/* Box Acao */
		div.boxacao{float: left; width: 100%; margin-top: 10px; margin-bottom: 10px;}
		div.iconeacao{float: left; width: 78px; text-align: center; margin-right: 10px;}
		div.iconeacao a{color: #3F3F3F;}
		div.iconeacao a:hover{color: #666;}
	/* Fim Box Acao */
/*Fim Box*/

/* Campos */
	h1.titulo{float: left; width: 100%; border-bottom: 1px solid #EFEFEF; font-size: 20px; border-bottom: 1px solid #666; margin: 20px 0; color: #49730F;}
	div.campos{float: left; width: 100%; margin-bottom: 30px;}
	div.campos.metade{float: left; width: 48%;}
	div.campos.metade.right{float: right;}
	label{float: left; width: 100%; font-size: 1.3em; color: #3F3F3F; margin-bottom: 1%; font-weight: bold;}
	input{float: left; width: 100%; font-size: 20px; height: 28px;}
	textarea{float: left; width: 100%; font-size: 20px; height: 200px;}
	select{float: left; width: 100%; font-size: 20px; height: 30px;}
	input.checkbox{float: left; width: 100%; margin: 0px;}
	
	a.botao{float: right; width:158px; height: 36px; background-image: url("/certificadospp/html/images/box/botao.jpg"); text-decoration: none; cursor: pointer;}
	a.botao:hover {background-position: 0px 72px;}
	a.botao:ACTIVE {background-position: 0px 36px;}
	a.botao span{float: left; width: 100%; color: #fff; text-align: center; padding-top: 5px; font-size: 16px;}
	a.botaovermelho{float: left; width:158px; height: 36px; background-image: url("/certificadospp/html/images/box/botaovermelho.jpg"); text-decoration: none; cursor: pointer;}
	a.botaovermelho:hover {background-position: 0px 72px;}
	a.botaovermelho:ACTIVE {background-position: 0px 36px;}
	a.botaovermelho span{float: left; width: 100%; color: #fff; text-align: center; padding-top: 5px; font-size: 16px;}
	
	input.botao{float: right; width:158px; height: 36px; padding-bottom:5px;background-image: url("/certificadospp/html/images/box/botao.jpg"); text-decoration: none; color: #fff; border: none;}
	input.botao:hover {background-position: 0px 72px;}
	input.botao:ACTIVE {background-position: 0px 36px;}
	
	input.botaovermelho{float: left; width:158px; height: 36px; background-image: url("/certificadospp/html/images/box/botaovermelho.jpg"); text-decoration: none; color: #fff; border: none;}
	input.botaovermelho:hover {background-position: 0px 72px;}
	input.botaovermelho:ACTIVE {background-position: 0px 36px;}
	
	div#resposta{float: left; width: 100%; margin-top: 20px;}
	ul.listacampos{float: left; width: 90%; padding-left: 0px; margin-bottom: 20px; list-style-position: inside;}
	ul.listacampos li{float: left; margin-top: 5px; width: 100%;}
	ul.listacampos li a{color: #3B6BBF; cursor: pointer;}
	ul.listacampos li a:hover{color: #666;}
/* Fim Campos */


/*
 * Fim Corpo
 */

/*
 * Footer
 */
div#footer{float: left; width: 98%;padding: 0 1%; height: 53px; background-image: url("/certificadospp/html/images/header/fundoheader.gif");}
ul#menufooter{list-style: none; height: 53px; margin: 0px auto; width: 600px;}
ul#menufooter li{float: left; padding: 0px 17px ; border-right: 1px solid #ccc; margin-top: 17px;}
ul#menufooter li.primeiro{padding-left: 0px;}
ul#menufooter li.ultimo{border-right: 0px; padding-right: 0px;}
/*
 * Fim Footer
 */

/*
 * Lista Menu
 */
h1.titulomenu{float: left; width: 96%; border-bottom: 1px solid #EFEFEF; padding: 0 2%; color: #3F660D;}
ul.listamenu{float: left; width: 90%; padding-left: 0px; margin-bottom: 20px; list-style-position: inside;}
ul.listamenu li{float: left; margin-top: 5px; width: 100%; margin-left: 8%;list-style: circle;}
ul.listamenu li a{color: #333;}
ul.listamenu li a.vermelho{color: red;}
ul.listamenu li a:hover{color: #686767; text-decoration: none;}
/*
 * Fim Lista Menu
 */


/*
 * Lista usuario
 */
ul#listausuario{float: left; width: 100%; list-style: none;}
ul#listausuario li{float: left; width: 100%;}
/*
 * Fim Lista usuario
 */

/*
 * Table
 */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 12px;
	width: 100%;
	text-align: left;
}
table.tablesorter thead th{
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 12px;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: middle;
	font-size: 14px;
}
table.tablesorter tbody td a{
	font-size: 14px;
}
table.tablesorter tbody td img{
	cursor: pointer;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}
/*
 * Fim Table
 */

/*
 * Classes Gerais
 */
.branco{color: #fff;}
.azul{color: #0000FF;}
.vermelho{color: red;}
.sombracinza{text-shadow: #61686F 1px 1px 0px;}
.alerta{float: left;width: 100%; text-align: center; margin-top: 15px;}
.error{color: red;}
div.error{color: red;position: absolute; margin-top: 55px;}
.grande{font-weight: bold;}
/*
 * Classes Gerais
 */

/*
 * Passos
 */
ul#passos{float: left; width: 100%; height: 71px; background-color: #ebebeb; list-style: none; border-bottom: 1px solid #fff;}
ul#passos.ultimo{background-color: #c36615;}
ul#passos li{float: left; padding: 15px;height: 41px; padding-right: 2.6%; background-repeat: no-repeat; background-position: right;background-image: url("/certificadospp/html/images/passos/inativos.gif");}
ul#passos li h1{color: #adadad;}
ul#passos li span{color: #adadad;}
ul#passos li.ativo{background-image: url("/certificadospp/html/images/passos/primeiro.gif"); background-color: #c36615; }
ul#passos li.ativo h1{color: #fff;}
ul#passos li.ativo span{color: #fff;}
ul#passos li.ultimo{background-image: none;}
ul#passos li.feito{background-image: url("/certificadospp/html/images/passos/feitofeito.gif"); background-color: #7c8437;}
ul#passos li.feito h1{color: #fff;}
ul#passos li.feito span{color: #fff;}
ul#passos li.feitoproximo{background-image: url("/certificadospp/html/images/passos/feitoativo.gif"); background-color: #7c8437;}
ul#passos li.feitoproximo h1{color: #fff;}
ul#passos li.feitoproximo span{color: #fff;}
/*
 * Fim Passos
 */

/*
 * Lista Checkbox
 */
ul.listacheckbox{float: left; width: 100%; list-style: none;}
ul.listacheckbox li{float: left; width: 100%;}
ul.listacheckbox li INPUT{float: left; width: 12px;}
ul.listacheckbox li span{float: left; margin: 8px 5px; font-weight: bold;}

ul.listacheckboxsub{float: left; width: 100%; list-style: none;}
ul.listacheckboxsub li{float: left;}
ul.listacheckboxsub li INPUT{float: left; width: 12px;}
ul.listacheckboxsub li span{float: left; margin: 8px 5px; font-weight: normal;}
/*
 * Fim Lista Checkbox
 */